<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/vue.js"></script>
    <script src="/js/iview.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/iview.css">
</head>
<body>
<div id="myview">
    <div v-for="stu in studentList">
        学号：{{stu.studentId}} 名字：{{stu.studentame}}  专业：{{stu.major}}
    </div>
    <i-button type="default">确定</i-button>
</div>


</body>
<script>
    var model = {studentList:[]};
    var myViewModel = new Vue({
        el:'#myview',
        data:model
    });
    $.ajax({
        url:'/test/hiStudentList',
        type:'GET',//GET,POST
        //data:{currentPage:pageIndex},//提交给服务器
        dataType:'json',//服务器返回的类型（text,json）
        success:function(result){
            //alert(json);
            //绝对不能手动操作dom
            model.studentList = result;

        },
        error:function(){
            alert('恭喜你，访问失败！');
        },
        timeout:3000
    });
</script>
</html>